<html>
	<head>
	<script type="text/javascript" src="jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
	<link href="bootstrap/css/bootstrap.min.css" type="text/css"  rel="stylesheet">
	<link href="bootstrap/css/bootstrap.css" type="text/css"  rel="stylesheet">
	<link href="bootstrap/css/bootstrap-responsive.css" type="text/css"  rel="stylesheet">
	<link href="bootstrap/css/bootstrap-responsive.min.css" type="text/css"  rel="stylesheet">


	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
	<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

	</head>

	<body>

		<div class="container-fluid">
			<div class="row-fluid">
				<div class="span12">
					<form class="form-search">
						<input class="input-medium search-query" type="text" /> <button type="submit" class="btn">查找</button>
					</form>
					<div class="row-fluid">
						<div class="span8">
							<div class="row-fluid">
								<div class="span4">
									<img alt="140x140" src="img/a.jpg" />
									<ol>
										<li>
											新闻资讯
										</li>
										<li>
											体育竞技
										</li>
										<li>
											娱乐八卦
										</li>
									</ol>
								</div>
								<div class="span4">
									<img alt="140x140" src="img/a.jpg" />
									<ol>
										<li>
											天气预报
										</li>
										<li>
											房产家居
										</li>
										<li>
											网络游戏
										</li>
									</ol>
								</div>
								<div class="span4">
									<img alt="140x140" src="img/a.jpg" />
									<ol>
										<li>
											娱乐八卦
										</li>
										<li>
											前沿科技
										</li>
										<li>
											环球财经
										</li>
									</ol>
								</div>
							</div>
							<div class="row-fluid">
								<div class="span4">
									<img alt="140x140" src="img/a.jpg" />
									<ol>
										<li>
											前沿科技
										</li>
										<li>
											环球财经
										</li>
									</ol>
								</div>
								<div class="span4">
									<img alt="140x140" src="img/a.jpg" />
									<ol>
										<li>
											娱乐八卦
										</li>
										<li>
											前沿科技
										</li>
										<li>
											网络游戏
										</li>
									</ol>
								</div>
								<div class="span4">
									<img alt="140x140" src="img/a.jpg" />
									<ol>
										<li>
											环球财经
										</li>
										<li>
											天气预报
										</li>
										<li>
											房产家居
										</li>
									</ol>
								</div>
							</div>
							<div class="pagination pagination-right pagination-small">
								<ul>
									<li>
										<a href="#">上一页</a>
									</li>
									<li>
										<a href="#">1</a>
									</li>
									<li>
										<a href="#">2</a>
									</li>
									<li>
										<a href="#">3</a>
									</li>
									<li>
										<a href="#">4</a>
									</li>
									<li>
										<a href="#">5</a>
									</li>
									<li>
										<a href="#">下一页</a>
									</li>
								</ul>
							</div>
						</div>
						<div class="span4">
							<ul>
								<li>
									新闻资讯 (30)
								</li>
								<li>
									体育竞技 (10)
								</li>
								<li>
									娱乐八卦 (5)
								</li>
								<li>
									前沿科技 (3)
								</li>
								
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
